{% macro field(items) %}
<style>
  .float-right h3 a:hover{text-decoration: underline;}
</style>
<ul class="article">
  {% if items.length == 0 %}
    <p class="show-msg mt-1" style="text-align: center">暂无数据.....</p>
  {% endif %}
  {% for item in items %}
  <li class="clearfix">
    <figure class="float-left">
      <a href="#"><img src="/public/img/article01.jpeg" alt=""></a>
    </figure>
    <ul class="float-right">
      <h3><a href={{ '/detail/' + item.lid + '.html' + '?type=' + item.family_id }} >{{item.title}}</a></h3>
      <p class="mt-1" style="line-height: 20px">
        最近吃辅食孩子肠胃不消化，天天研究孩子的粑粑，我闻一遍我老公闻一遍，观察粑粑的状态，成分，是否有粘液，是否有蔬菜残留物，是否有未消化的高铁，妈呀，真是养儿方知父母恩，作为新手妈妈，我的内心总是处于惶恐焦虑的状态。孩子...
        <a href="#" style="color:#759b08">[详情]</a>
      </p>
      <div class="mt-2 article-action">
        <span><i class="iconfont icon-icon-test"></i><a href="#">韶华追忆</a></span>
        <span><i class="iconfont icon-zhongbiao"></i>2019-05-15 15:48:43</span>
        <span><i class="iconfont icon-iconfontzhizuobiaozhun023110"></i><a href="#">评论（4）</a></span>
        <span><i class="iconfont icon-yanjing"></i>浏览（111114）</span>
        <span><a href="#"><i class="iconfont icon-dianzan"></i>114</a></span>
      </div>
    </ul>
  </li>
  {% endfor %}

</ul>
{% endmacro %}